@charset "utf-8";abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,weibu,form,h4,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,caidan,object,ol,p,pre,q,samp,section,small,span,summary,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;font-family:"Microsoft YaHei",Verdana,sans-serif;outline:0}
html *{outline:0;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:transparent}
body{color:#333;font-size:14px;font-family:"Microsoft YaHei",Verdana,sans-serif;background:#f5f5f5}
a,ins{text-decoration:none;color:#333}
a:hover{color:#dd3c3c;text-decoration:none}
ol,ul{list-style:none}
*{padding:0;margin:0;border:0;list-style-type:none}
.clear{clear:both}
.top20{margin-top:20px}
.bk{background:#FFF;box-shadow:0 1px 3px rgba(27,95,160,.1)}
.kd{ width:-webkit-calc(100% - 20px);
width:-moz-calc(100% - 20px);
width:calc(100% -20px);margin:0 auto}
.logo{width:100%;overflow:hidden;padding:10px 0px}
.logol{ float:left}
.logol img{width:160px}
.logor{ float:right }
.menuBtn{position:relative;z-index:9;float:right;margin-top:3px;width:30px;height:30px;padding:7px;cursor:pointer;transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s}
.menuBtn b{display:block;height:3px;background-color:#161616;margin:3px 0 5px;border-radius:2px;transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s}
.menuBtn.open b{display:none;margin:0;position:absolute;left:10px;top:50%;width:30px}
.menuBtn.open b:first-child{display:block;transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg)}
.menuBtn.open b:last-child{display:block;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg)}



.d-list{line-height:40px;background-color:#fff;margin:0 auto;position:relative;overflow:hidden;white-space: nowrap;overflow-x: auto;-webkit-overflow-scrolling:touch; width:100%}
.d-list li{display:inline-block;padding:0 5px}
.d-list a{display:block;font-size:14px}
.d-list span{padding-left:10px;border:1px solid #6e0898;padding:3px 10px;text-align:center;border-radius:2em;background-color:#6e0898;color:#fff;font-size:14px}
.d-list ul{display:inline-block}
.search-category{overflow:hidden;height:36px;display:block}
.search-category li{float:left;font-size:14px;position:relative;height:36px;line-height:36px;padding-left:20px;padding-right:20px;cursor:pointer;border-radius:4px 4px 0px 0px}
.search-category li.on{background:#9e07dc;color:#fff!important}
.faaz{}
.faaz button{display:block;width:100px;height:40px;color:#ffffff;font-size:16px;background-color:#9e07dc;border:1px solid #9e07dc;outline:none;cursor:pointer;float:right}
.faaz button:hover{background-color:#06569a}
.faaz input{display:block; width:-webkit-calc(100% - 151px);
width:-moz-calc(100% - 151px);
width:calc(100% -151px);height:35px;font-size:14px;border:2px solid #9e07dc;border-left:none;outline:none;float:left}
.faaz .img-search{position:relative;width:47px;height:35px;border:2px solid #9e07dc;border-right:none;float:left}
.faaz .img-search img{position:absolute;width:20px;height:19px;left:15px;top:8px}
.caidan{position:fixed;top:65px;width:100%;right:-200%;bottom:0;overflow:hidden;overflow-y:auto;background-color:rgba(0,0,0,.92); z-index:222; font-size:16px}
.caidan li.yj2{position:relative; padding:8px 0px}
.caidan li.yj{position:relative; padding:8px 0px}
.caidan li a{ color:#FFF}
.caidan ul{margin:20px}
.caidan .sub{z-index:99;display:none;line-height:36px; font-size:14px }
.caidan .sub a{padding-left:20px}
.caidan .sub a:hover{background-color:#666}
.caidan .sub.show {
    opacity: 1 !important;
    visibility: visible !important;
    display: block;
    border-radius: 0;
    margin: 0;margin-top:5px;
}




.caidan  .explose {
    position: absolute;width:30px;
    top: 0;
    right: 0;
    height: 30px;
    line-height: 30px;
    z-index: 9; 
}
.caidan  .explose i.icon{width:30px;height: 30px;
  
background:url(../images/cdjt.png) no-repeat  center;background-size:20px 20px;display: block;
}


.caidan  .explose i.icon-arrow-up{width:30px;height: 30px;
  
background:url(../images/cdjt2.png) no-repeat  center;background-size:20px 20px;display: block;
}


.open{ overflow:hidden}



.weibu{background:#9e07dc;width:100%;padding:10px 0px;line-height:30px;font-size:12px;color:#fff;opacity:.8;text-align:center;overflow:hidden;position:relative;margin-top:20px}
.weibu a{color:#fff}
.weizhi{padding:10px 0;color:#777}
.listnews{margin-left:-10px;overflow:hidden}
.listnews li{padding:10px;background:#FFF;margin-bottom:10px;overflow:hidden;box-shadow:0 1px 3px rgba(27,95,160,.1);box-sizing:border-box;margin-left:10px}
.listnews li .listnews_img{float:left;margin-right:20px}
.listnews li .listnews_img img{width:120px;height:90px}
.listnews li .listnews_text{}
.listnews_biaoti{font-size:16px;font-weight:bold;color:#303030;overflow:hidden;line-height:28px;height:56px;margin-bottom:10px;overflow:hidden;

text-overflow:ellipsis;

display:-webkit-box;

-webkit-line-clamp:2;

-webkit-box-orient:vertical;
}.listnews_time{color:#A8A8A8;background-image:url(../images/time.png);background-repeat:no-repeat;background-position:left center;font-size:13px;padding-left:20px;display:inline-block}
.litenew{padding:0px 10px;background:#FFF;overflow:hidden;box-shadow:0 1px 3px rgba(27,95,160,.1)}
.litenew li{line-height:25px;border-bottom:1px solid #f5f5f5;padding:5px 0}
.litenew li h4{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis;white-space:normal;font-size:16px;color:#333333;background:url(../images/sb.gif) no-repeat left center;padding-left:10px}
.litenew li span{font-size:13px;color:#999999;padding-left:10px}
.litenew li a:hover{color:#41BE57}
.tags{padding:10px;background:#FFF;overflow:hidden;box-shadow:0 1px 3px rgba(27,95,160,.1)}
.tags a{background-color:#f0f0f0;border-top-left-radius:1px;border-bottom-left-radius:1px;display:inline-block;color:#333 !important;font-size:14px !important;height:26px;line-height:26px;margin:0 13px 5px 0;padding:0 5px 0 9px;position:relative;text-decoration:none}
.tags a:after{content:' ';display:block;width:0;height:0;border-top:13px solid transparent;border-bottom:13px solid transparent;border-left:9px solid #f0f0f0;position:absolute;top:0;right:-9px}
.page{clear:both;padding:20px 0 20px 0;text-align:center}
.page .active_page{background-color:#51C332;color:#fff}
.page a{display:inline-block;padding:0 12px;height:30px;line-height:30px;text-align:center;border:1px solid #dfdfdf;margin:5px;font-size:14px;background-color:#fff}
.page b,.page a:hover{display:inline-block;padding:0 12px;height:30px;line-height:30px;text-align:center;border:1px solid #fff;margin:5px;font-size:14px;background-color:#9e07dc;color:#fff}
.page a b{background-color:#fff;padding:0;color:#999999;display:inline}
.znrr{background:#FFF;padding:20px}
.znrr-bt h1{line-height:50px;font-size:25px;color:#333;text-align:center;font-weight:600}
.znrrd-qt{margin-top:10px;height:25px;line-height:25px;text-align:center}
.znrrd-qt span{font-size:15px;color:#888;padding:0 15px}
.znrr-text{margin-top:15px;line-height:35px;font-size:18px;color:#404040}
.znrr-text p{margin-bottom:10px}
.znrr-text img{max-width:100% !important;height:auto !important}
.znrr-tag{margin-top:10px;overflow:hidden}
.znrr-tag span{display:inline-block;font-size:14px;height:30px;line-height:30px;float:left}
.znrr-tag a{display:inline-block;font-size:14px;height:30px;line-height:30px;color:#06F;overflow:hidden;margin-left:5px}
.biaoti{overflow:hidden}
.biaoti h2{color:#333;font-size:20px;font-weight:700;float:left}
.biaoti a{float:right}
.biaoti h2:before{content:"";display:inline-block;width:4px;height:18px;background: linear-gradient(90deg,#9e07dc,#ff00f7);margin-right:6px;position:relative;top:2px}
.tuwen{}
.tuwen ul{margin-left:-20px;overflow:hidden}
.tuwen ul li{ width:-webkit-calc(50% - 30px);
width:-moz-calc(100% - 20px);
width:calc(100% -20px);background:#fff;box-shadow:0 0 10px 0 #dfdfdf;border-radius:4px;padding:5px;float:left;margin-left:20px;margin-bottom:20px}
.tuwen ul li .img{height:129px;position:relative;overflow:hidden}
.tuwen ul li .img img{width:100%;height:129px}
.tuwen ul li .biaoti{font-size:16px;color:#1d1d1f;height:30px;line-height:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}
.tuwenn{}
.tuwenn ul{margin-left:-20px;overflow:hidden}

.tuwenn ul li{ width:-webkit-calc(50% - 30px);
width:-moz-calc(50% - 30px);
width:calc(50% -30px);background:#fff;box-shadow:0 0 10px 0 #dfdfdf;border-radius:4px;padding:5px;float:left;margin-left:20px;margin-bottom:20px}
.tuwenn ul li .img{height:110px;position:relative;overflow:hidden}
.tuwenn ul li .img img{width:100%;height:129px}
.tuwenn ul li .biaoti{font-size:16px;color:#1d1d1f;height:30px;line-height:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}
.btn-top{background:#9e07dc;width:30px;height:30px;text-align:center;line-height:30px;position:fixed;right:50%;bottom:50px;display:none;margin-right:-630px;cursor:pointer}
.btn-top i{ background:url(../images/db.png) no-repeat center; background-size:20px; width:30px; height:30px; display:block}

.znrr-xyp{margin:30px 0 10px 0;height:80px;position:relative;padding-top:20px;border-top:1px solid #e5e5e5}
.znrr-xyp p{margin-bottom:10px}

.yqlj{padding:10px;background:#FFF;overflow:hidden;box-shadow:0 1px 3px rgba(27,95,160,.1)}


.rvideo{position:relative}
.rvideo img.full{width:100%;height:auto}
.rvideo img.play_icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}

.xlist{margin-bottom:10px}
.xlist span{display:block;font-size:16px;font-weight:bold;margin-top:10px}
.xlist a{display:block;line-height:24px}

.vlistt{margin:20px 0 0;margin-left:-40px;overflow:hidden}
.vlistt .video-detail{background:#fff;width:250px;float:left;margin-left:40px;margin-bottom:10px}
.vlistt .img-show{width:250px;height:145px;position:relative;overflow:hidden;display:block}
.vlistt .img-show img{width:250px;height:145px}
.vlistt .img-show .play{position:absolute;width:46px;height:46px;left:50%;top:50%;margin-left:-23px;margin-top:-23px}
.vlistt .img-show .icon5{width:46px;height:46px;background:url(../images/v.png) no-repeat center}
.vlistt .img-show:hover .icon5{background:url(../images/v2.png) no-repeat center}
.vlistt .img-detail .biaoti{line-height:40px;height:40px;overflow:hidden;text-align:center;font-size:16px}
.vlist{margin:20px 0 0;margin-left:-20px;overflow:hidden}
.vlist .video-detail{background:#fff; width:-webkit-calc(50% - 20px);
width:-moz-calc(50% - 20px);
width:calc(50% -20px);float:left;margin-left:20px;margin-bottom:10px}
.vlist .img-show{height:105px;position:relative;overflow:hidden;display:block}
.vlist .img-show img{width:100%;height:auto}
.vlist .img-show .play{position:absolute;width:46px;height:46px;left:50%;top:50%;margin-left:-23px;margin-top:-23px}
.vlist .img-show .icon5{width:46px;height:46px;background:url(../images/v.png) no-repeat center}
.vlist .img-show:hover .icon5{background:url(../images/v2.png) no-repeat center}
.vlist .img-detail .biaoti{line-height:30px;height:30px;overflow:hidden;text-align:center;font-size:14px}

.qlist{margin:20px 0 0;margin-left:-20px;overflow:hidden}
.qlist a{background:#fff; width:-webkit-calc(25% - 30px);
width:-moz-calc(25% - 30px);
width:calc(25% -30px);float:left;margin-left:20px;margin-bottom:10px;display:block;padding:5px}
.qlist .img-show{position:relative;overflow:hidden;display:block}
.qlist .img-show img{width:70px;height:70px;margin:0 auto}
.qlist .img-detail{line-height:40px;height:40px;overflow:hidden;text-align:center;font-size:14px}


.jlist{overflow:hidden}
.jlist a{height:45px;line-height:45px;border-bottom:1px solid #f5f5f5;background:#FFF url(../images/sp.png) no-repeat left;background-size:26px;padding-left:26px;font-size:16px;overflow:hidden;float:left;width:-webkit-calc(100% - 26px);width:-moz-calc(100% - 26px);width:calc(100% - 26px);   text-align: justify;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;}
.tlist{margin:20px 0 0;margin-left:-20px;overflow:hidden}
.tlist a{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-overflow:ellipsis;background:#fff; width:-webkit-calc(33.3333% - 30px);
width:-moz-calc(33.3333% - 30px);
width:calc(33.3333% -30px);float:left;margin-left:20px;margin-bottom:10px;display:block;padding:5px}
.itemp{overflow:hidden;margin-left:-10px;background:#fff;padding:0px 5px 10px 5px;}
.itemp a{display:block;float:left; width:-webkit-calc(25% - 20px);
width:-moz-calc(100% - 20px);
width:calc(100% -20px);margin-left:10px;background:#fff;box-shadow:0 0 4px 0 #dfdfdf;margin-top:10px;padding:5px}
.itemp a img{width:40px;height:40px;display:block;margin:0 auto}
.itemp a span{height:30px;line-height:30px;display:block;text-align:center; overflow:hidden}
.matchb{}
.matchb .hotmatch{padding:12px 6px;border-bottom:1px solid #d3e1e2;background:#FFF;overflow:hidden;}
.matchb .hotmatch  a.items-center{width:100%;display:block;}
.matchb .hotmatch .streamBox{width:100%;}

.hotmatch .status{float:left;margin-right:10px}
.hotmatch .sj{float:left;margin-right:20px;height:28px; line-height:28px;}
.hotmatch .bt{float:left;margin-right:20px;width:50px;height:28px; line-height:28px; margin-bottom:10px;}

.hotmatch .zd{height:28px;line-height:28px;float:left;margin-right:10px;/* width:100px; */white-space:nowrap;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-overflow:ellipsis;}
.hotmatch .zdlogo{width:24px;float:left;margin-right:10px}
.hotmatch .zdlogo img{width:24px;vertical-align:middle}
.hotmatch .zdbf{margin-right:2px;float:left;width:30px;background:#F5F5F5;border-radius:5px;overflow:hidden;text-align:center}
.hotmatch .bf{margin-right:2px;float:left;width:5px;text-align:center}
.hotmatch .kdbf{margin-right:10px;float:left;width:30px;background:#F5F5F5;border-radius:5px;overflow:hidden;text-align:center}
.hotmatch .kdlogo{margin-right:10px;float:left;width:24px}
.hotmatch .kdlogo img{width:24px;vertical-align:middle}
.hotmatch .kd{height:28px;line-height:28px;float:left;margin-right:10px;width:100px;white-space:nowrap;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-overflow:ellipsis;}
.hotmatch .status p{font-weight:400;font-size:14px;line-height:22px;width:50px;height:28px;display:flex;justify-content:center;align-items:center;color:#fff;border-radius:3px}
.hotmatch .status.live p{background:linear-gradient(90deg,#9e07dc,#ff00f7)}
.hotmatch .status.prelive p{background:linear-gradient(90deg,#929292,#c1c1c1)}


.streamTop{float:left}
.streamTop,.streamTop p{display:flex;align-items:center}
.streamTop p{color:#000;justify-content:center}
.streamTop p:first-child{font-size:14px}
.streamTop p:first-child:before{content:"";width:20px;height:26px;background:url(../images/live_icon.png) no-repeat;background-position:50%;background-size:20px 20px;margin-right:3px}

.streamBox .viewMore{font-size:12px;display:flex;justify-content:center;align-items:center;height:26px;cursor:pointer;float:left}
.streamBox .viewMore:after{content:"";width:23px;height:26px;background:url(../images/chevron-down.png) no-repeat;background-position:50%;background-size:12px 7px}
.streamBox .viewMore.show:after{transform:rotate(180deg)}
.streamBtm{float:left}
.streamBtm p{color:#9e07dc;font-size:14px;line-height:26px;border-bottom:1px solid #9e07dc;font-weight:700;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;cursor:pointer;float:left;margin-right:10px}

.more_match{display:block;text-align:center;margin:0 auto;width:130px;height:36px;line-height:36px;font-size:16px;color:#fff;background-color:#9e07dc;border-radius:2px;margin-top:10px}
.more_match  a{color:#fff}

.hide{display:none}
.xxk{border-top:2px solid #9e07dc;background:#fff}
.xxk ul{height:50px;background:#f7f9fa;box-shadow:0 2px 3px #ddd;overflow:hidden;white-space: nowrap;overflow-x: auto;-webkit-overflow-scrolling:touch;}
.xxk li{height:50px;line-height:50px;margin-right:2px;background:#f7f9fa;text-align:center;padding:0 12px;cursor:pointer; display:inline-block}
.xxk li.on{background:#9e07dc;color:#FFF}

.huatir{background:#fff;padding:10px;overflow:hidden}
.huatir li{width:96%;white-space:nowrap}
.huatir li{position:relative}
.huatir li i.nico{display:inline-block;width:10px;height:10px;line-height:10px;margin:12px 10px 0 0;text-align:center;font-size:12px;color:#fff;vertical-align:top;background:url(../images/dd.png) no-repeat center;background-size:5px}
.huatir li i.vico{display:inline-block;width:20px;height:20px;line-height:20px;margin:8px 10px 0 0;text-align:center;font-size:12px;color:#fff;vertical-align:top;background:url(../images/sp.png) no-repeat center;background-size:20px}
.huatir li a{display:inline-block;width:98%;line-height:2;font-size:16px;text-align:justify;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.huatir li em{position:absolute;right:0;top:18%;color:#999}

.contentmt{display:flex;justify-content:space-between;overflow:auto}
.contentmt li{float:left}
.contentmt li a{display:block;width:200px;font-size:16px;font-family:Microsoft YaHei;font-weight:400;text-align:center;cursor:pointer;color:#9e07dc;border:1px solid #9e07dc;background:#ffffff;height:40px;line-height:40px}
.contentmt li:first-child a{border-radius:4px 0px 0px 4px}
.contentmt li a.active{background:#9e07dc;color:#fff}
.contentmt li:last-child a{border-radius:0px 4px 4px 0px}

.contentmf{display:flex;flex-direction:row;justify-content:space-between;margin-top:20px}
.contentmf a{border:1px solid #D3E1E2;border-radius:4px;width:100px;height:64px;font-size:16px;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#FFF;margin-left:4px}
.contentmf a.active{color:#9e07dc;font-weight:bold;border:1px solid #9e07dc;position:relative}
.contentmf a.active .tagLine,.contentmf a:hover .tagLine{display:inline-block;width:100%;height:6px;position:absolute;left:0;bottom:0;background:#9e07dc;border-radius:0px 0px 2px 2px}

.matchb h6{display:flex;height:24px;line-height:24px;align-items:center;margin:10px 0px}
.matchb h6 time{font-size:12px;font-weight:400;line-height:25px;color:#999999;height:}
.match  h6 time:before{content:"";display:inline-block;width:2px;height:18px;background:#1c969f;margin-right:6px;position:relative;top:2px}

.match_bj{position:relative;height:280px}
.match_bg{height:280px;background: linear-gradient(90deg,#9e07dc  18.8%,#6e0898 49.96%,#9e07dc 81.5%);position:absolute;top:0px;left:0;right:0;z-index:-1;}
.match_bg .match_bg_wrapper{width:1200px;margin:auto}
.match_bg .match_bg_wrapper .match_bg_container{position:absolute;display:flex;justify-content:center;bottom:0;width:1200px}
.fixed_score_box .fixed_score_top{color:#fff}

.scoreleft{text-align:center;width:30%}
.scoreright{text-align:center;width:30%}
.scoreleft h1,.scoreright h1{height:26px;font-size:20px;font-weight:bold;line-height:26px;color:#FFFFFF;margin-top:10px}
.scoreright .image_container,.scoreleft .image_container{width:80px;height:80px;border-radius:50%;background-color:white;display:flex;justify-content:center;align-items:center;margin:0 auto}
.scoreright .image_container img,.scoreleft .image_container img{width:56px;height:56px;border-radius:50%}
.score_name{text-align:center;width:40%}
.league_name{width:100%;height:28px;line-height:28px;padding:4px 27px;font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;text-align:center;padding-top:50px}
.score{width:100%;display:flex;justify-content:space-around;align-items:center}
.match_score{display:flex;justify-content:space-between;align-items:center;margin:25px 0;height:39px;padding:0 12px}
.match_score > div{font-size:32px;font-family:DIN;font-weight:bold;line-height:39px;color:#FFFFFF}
.match_status{height:36px;background:#FFFFFF;border-radius:18px;font-size:16px;font-family:Microsoft YaHei;font-weight:bold;line-height:36px;width:140px;margin:auto;color:#9e07dc}
.match_status.live{color:#FF2727}
.scoreleft.scoreright{flex-direction:row-reverse}
.scoreleft.scoreright .image_container{margin-left:20px}
.match_details{margin-top:10px;margin-bottom:10px}

.signa{}
.signa ul{}
.signa ul li{margin-right:10px;background:#CCC;display:inline-block;padding:10px 20px;margin-top:10px;margin-bottom:10px;border-radius:6px}
.signa ul li.f{background:#9e07dc}
.signa ul li.f a{color:#fff}

.zbds{}
.zbds img{width:100%}
.basehe{background:url(../images/bg-qd.png) no-repeat;background-size:100%;overflow:hidden;position:relative}
.basehe .icon{float:left;width:50px;height:50px;margin:11px;object-fit:contain}
.basehe .name .zh{margin-top:12px;margin-bottom:3px;font-size:20px;color:#333;display:flex}
.basehe .name .zh h1{font-size:16px;font-weight:500}
.basehe .worth{height:72px;line-height:72px;color:#FFF;font-size:16px;padding:0 20px 0 20px;position:absolute;top:0px;right:0px;background-color:#9e07dc}
.basehe .worth::before{position:absolute;content:'';top:0;border:solid transparent;border-right-color:rgba(255,255,255,0.6);border-top-color:rgba(255,255,255,0.6);border-width:52px 20px;left:-42px;z-index:-1;transform:translateX(20px);animation-name:worth;animation-duration:.8s;animation-timing-function:cubic-bezier(0,1.24,0.75,1.29);animation-iteration-count:1;animation-fill-mode:forwards;animation-delay:.4s}
.basehe .worth::after{position:absolute;content:'';top:0;border:solid transparent;border-right-color:#9e07dc;border-top-color:#9e07dc;border-width:52px 20px;left:-28px}




.basehe .name .en{display:flex;font-size:12px;color:#bbb}
.ycdk{border-radius:4px;border:1px solid #d3e1e2;padding:0 10px;margin-top:20px;overflow:hidden;background:#FFF}
.ycdk img{float:left;height:40px;width:auto;margin-top:5px}
.ycdk span{float:left;height:50px;line-height:50px;margin-left:10px;font-size:20px;color:#9e07dc}
.ycdk .yc-dh{float:right; width:-webkit-calc(100% - 100px);
width:-moz-calc(100% - 100px);
width:calc(100% -100px);}
.ycdk .yc-dh a{display:inline-block;font-size:16px;margin-left:10px;padding:0px 10px;height:30px;line-height:30px;margin-top:10px;border-radius:4px}
.ycdk .yc-dh a.active{background:#9e07dc;color:#FFF}

.jff{background:#FFF;margin-top:10px}
.jff .jfname{font-size:18px;font-weight:bold;padding:10px}
.jff .rankingt{}

.lmbj{background:#EEEEEE;height:40px;line-height:40px}
.bgg{border-bottom:1px solid #EAEAEA}
.log{display:flex;align-items:center;text-align:left}

.truncate{padding-left:5px}
.rankingt .order{display:block;width:28px;height:28px;background:#ccc;font:18px / 30px Helvetica;color:#fff;border-radius:2px;text-align:center}
.jff .rankingt div{}
.rankingt{display:grid;grid-template-columns:5% 23% 9% 9% 9% 9% 9% 9% 9% 9%;height:50px;align-items:center;padding:0 30px}
.ranking_lanqiu_table{display:grid;grid-template-columns:6% 26% 17% 17% 17% 17%;height:50px;align-items:center;padding:0 30px}
.fixscotc{padding:20px 6px;background:#FFF}
.fixscotc p{font-size:14px;line-height:22px;margin-bottom:10px}
.fixscotc p a{margin-right:10px}
.fixscotc p span.biaoti{color:#C00}
.wuwu{text-align:center;margin:40px 0px;min-height:390px}
.wuwu img{width:100px}
.wuwu span{display:block}
.ListItem{padding:10px 0px;overflow:hidden}
.ctimg{}
.ctimg img{width:150px;height: auto; margin: 0 auto}
.ctnr{font-size:14px}
.art-news-box{padding:5px;background:#fff;border-radius:10px;overflow:hidden;margin-top:10px}
.pull-left{}
.art-slider1{width:100%;height:259px;margin-bottom:20px}
.art-slider1 .artswiper{position:relative;width:100%;height:259px;overflow:hidden}
.artswiper .swiper-pagination{position:absolute;top:-20px;left:0!important;height:80px;text-align:left;background:linear-gradient(to bottom,black 4%,transparent);padding-top:40px;padding-left:20px}
.artswiper .swiper-pagination span{text-align:center}
.artswiper .swiper-pagination-bullet{box-sizing:bolder-box;border-radius:0;width:18px;height:18px; line-height:18px;background-color:transparent;border:2px solid #fff;color:#fff;opacity:1}
.artswiper .swiper-pagination-bullet-active{background-color:#fff;color:#262626}
.artswiper .swiper-text{position:absolute;bottom:0px;left:0px;width:100%;height:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;font-size:20px;line-height:70px;background:linear-gradient(to top,black 4%,transparent);font-weight:bold;padding:0 20px;text-shadow:0 1px 5px #4d4d4d}

.art-news-center{}
.art-news-biaoti-box{font-size:20px;font-weight:bold;color:#333333}
.art-news-biaoti-box span{display:inline-block;position:relative;top:-2px;left:0;width:5px;height:20px;background-color:#9e07dc;margin-right:10px;vertical-align:middle}
.art-news-ul{padding-top:30px}
.art-news-ul li{display:flex;align-items:center;margin-bottom:15px}
.round{width:5px;height:5px;background:#C8C8C8;border-radius:50%;margin-right:8px;flex-shrink:0}
.art-news-ul li a{display:inline-block;font-size:15px;font-family:Source Han Sans SC;font-weight:400;color:#333333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}


.tyss{overflow:hidden}